<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
html { font-size: 16px; }
body { margin: 0; overflow-y: hidden; }
</style>

<script src="resources/autosizingTest.js"></script>

</head>
<body style="width: 640px; position: relative">

<div style="position: absolute; overflow: auto">
    This text should be autosized to 32px computed font size, but the position:absolute causes this to be a new cluster, so it shouldn't affect the footer.<br>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>

<div style="margin-top: 185px; float: left">
    This text should be autosized to 32px computed font size, but the float:left causes this to be a new cluster, so it shouldn't affect the footer.<br>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>

<table cellpadding="0" cellspacing="0">
    <tr>
        <td>
            This text should be autosized to 32px computed font size, but being a table cell causes this to be a new cluster, so it shouldn't affect the footer.<br>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
        </td>
    </tr>
</table>

<!-- FIXME: Include vertical writing-mode example once http://webkit.org/b/96557 is fixed. -->

<div>
    This shouldn't be autosized (computed font size should remain 16px), as all text above is in other clusters, so the root cluster doesn't contain enough text.
</div>

</body>
</html>
